<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>Task -v6</title>
  <link rel="stylesheet" href="../../lib/bootstrap/3.3.5/css/bootstrap.min.css"/>

  <style type="text/css">
    .site-bgcolor {
      background: AliceBlue
    }

  </style>
</head>
<body>
<div id="app">
  <h1>Hello App!</h1>
  <p>
    <!-- use v-link directive for navigation. -->
    <a v-link="{ path: '/foo' }">Go to Foo</a>
    <a v-link="{ path: '/bar' }">Go to Bar</a>
    <button onclick="test()">123</button>
  </p>
  <!-- use router-view element as route outlet -->
  <router-view></router-view>
</div>

<script type="text/javascript" src="../../node_modules/jquery/dist/jquery.js"></script>
<script src="../../lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>
<script src="../../node_modules/vue/dist/vue.js"></script>
<script src="../../lib/vue-router/0.7.13/vue-router.js"></script>
<script src="../../lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="../../node_modules/vue-resource/dist/vue-resource.js"></script>
<script src="app.js"></script>
</body>
</html>
